<template>
  <view class="page-business">
    <view class="b-w inner">
      <view class="flex-x-c">
        <u-avatar
          class="avator"
          size="50"
          src="https://resource.migudm.cn/group1/M00/49/81/oYYBAGE4ZBKARxYEAAIH-rcz0bM136.jpg"
        ></u-avatar>
        <view class="expert-name f32">黄桢焕</view>
      </view>
      <view class="item-list">
        <u-form-item label="姓名" labelWidth="80" borderBottom ref="item1">
          <view class="f30">黄桢焕</view>
        </u-form-item>
        <u-form-item label="性别" labelWidth="80" borderBottom ref="item1">
          <view class="f30">黄桢焕</view>
        </u-form-item>
        <u-form-item label="出生日期" labelWidth="80" borderBottom ref="item1">
          <view class="f30">黄桢焕</view>
        </u-form-item>
        <u-form-item label="姓名" borderBottom labelWidth="80" ref="item1">
          <view class="f30">黄桢焕</view>
        </u-form-item>
        <u-form-item labelWidth="80" label="姓名" ref="item1">
          <view class="f30">黄桢焕</view>
        </u-form-item>
      </view>
    </view>
    <view class="foot-bar flex-x-c">
      <view class="flex-y-c item-left">
        <u-icon class="tags-icon" size="25" name="chat"></u-icon>
        <view class="f24" @click="goChat">留言</view>
      </view>
      <view class="flex-x-c"> </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      userInfo: {
        name: '黄桢焕',
      },
    }
  },
  methods: {
    goChat() {
      this.$routeUtils.navigateTo({
        url: `/pages/new/sendMsg?id=${this.detail.userId}&name=${this.detail.name}`,
      })
    },
  },
}
</script>

<style scoped lang="scss">
.expert-name {
  margin-left: 20rpx;
}
.page-business {
  padding: 20rpx;
  .inner {
    border-radius: 10rpx;
    padding: 20rpx;
    padding-bottom: 0rpx;
    .header-my {
      border-bottom: 1rpx solid #c8c7cc;
      padding-bottom: 20rpx;
      .title {
      }
    }
  }
}
.foot-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: #fff;
  padding-top: 10rpx;
  padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
  justify-content: space-between;
  .btn {
    display: inline-flex;
    margin-right: 20rpx;
  }
  .item-left {
    padding: 0 30rpx;
  }
}
.name {
  margin-top: 20rpx;
  font-size: 32rpx;
}
.item-list {
  margin-top: 10rpx;
  .item {
    justify-content: space-between;
  }
}
</style>
